<!--
 * @Description: 员工报销统计
 * @Version: 2.0
 * @Autor: 许国辉
 * @Date: 2022-11-27 14:09:03
 * @LastEditors: 许国辉
 * @LastEditTime: 2023-09-18 10:38:57
-->
<template>
  <div>
    <PageWrapper>
      <BasicTable @register="registerTable" />
    </PageWrapper>
  </div>
</template>
<script lang="ts" setup>
  // import { PageWrapper } from '/@/components/Page';
  import { columns, searchFormSchema } from './employeeReimbursementData';
  import { getOrderStatisticsAir } from '/@/api/orderStaiistics/air/orderStaiisticsAPI';
  import { BasicTable, useTable } from '/@/components/Table';
  import { ref } from 'vue';

  let api = ref(getOrderStatisticsAir);
  const [registerTable] = useTable({
    api,
    pagination: { pageSize: 10 },
    searchInfo: { bookingWay: 1 },
    columns: columns,
    showIndexColumn: true,
    formConfig: {
      labelWidth: 100,
      actionColOptions: { span: 24 },
      schemas: searchFormSchema,
      fieldMapToTime: [['outTicketDate', ['outTicketDateStart', 'outTicketDateEnd'], 'YYYY-MM-DD']],
    },
    striped: false,
    useSearchForm: true,
    showTableSetting: true,
    bordered: true,
    // showTableSetting: true,
    tableSetting: { fullScreen: true },
  });
</script>
